import React from 'react';
import { View, Text } from 'react-native';


const styles = {
  listItem: {
    borderRadius: 10,
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.2,
    shadowRadius: 2,
    elevation: 2,
    marginBottom: 16,
    padding: 16,
    backgroundColor: '#FFF',
  },
  upperSection: {
    flexDirection: 'row',
    alignItems: 'center',
    marginBottom: 8,
  },
  leftBlock: {
    flex: 1,
  },
  nameText: {
    color: '#02a2f9',
  },
  rightBlock: {
    backgroundColor: '#00cfcd',
    borderRadius: 5,
    padding: 5,
  },
  dateText: {
    color: '#FFF',
  },
  lowerSection: {
    flexDirection: 'row',
    justifyContent: 'space-between',
  },
  targetBlock: {
    width: '20%',
    padding: 8,
    borderRadius: 5,
    alignItems: 'center',
    justifyContent: 'center',
    marginBottom: 8,
  },
};

export default ListItem;
